<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Create a smooth gradient</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-77e1a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSfd1234e1c4b69f30ea53e41001031ab64-77dfa.html" title="Gradient Editor overview"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSfd1234e1c4b69f30ea53e41001031ab64-77dda.html" title="Specify the gradient transparency"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-780aa.html">Painting</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-77e1a.html"><b>Gradients</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Create a smooth gradient
                </h1>
<!-- END PAGE TITLE -->
                <div><ol><li class="stepexpand"><span>Select
the Gradient tool&#160;<img src="images/P_Gradient_Lg_N.png" />.</span></li>
<li class="stepexpand"><span>Click inside the gradient sample in the options bar to
display the Gradient Editor dialog box. </span></li>
<li class="stepexpand"><span>To base the new gradient on an existing gradient, select
a gradient in the Presets section of the dialog box.</span></li>
<li class="stepexpand"><span>Choose Solid from the Gradient Type pop‑up menu.</span></li>
<li class="stepexpand"><span>To define the starting color of the gradient, click the
left color stop&#160;<img src="images/clrstop1.png" /> under the
gradient bar. The triangle above the stop turns black&#160;<img src="images/clrstop2.png" />, indicating
that the starting color is being edited.</span></li>
<li class="stepexpand"><span>To choose a color, do one of the following:</span><ul><li><p>Double-click the color stop, or click the
color swatch in the Stops section of the dialog box. Choose a color,
and click&#160;OK. </p>
</li>
<li><p>Choose an option from the Color pop‑up menu in the
Stops section of the dialog box.</p>
</li>
<li><p>Position the pointer over the gradient bar (the
pointer turns into the eyedropper), and click to sample a color,
or click anywhere in the image to sample a color from the image.</p>
</li>
</ul>
</li>
<li class="stepexpand"><span>To define the ending color, click the right color stop
under the gradient bar. Then choose a color.</span></li>
<li class="stepexpand"><span>To adjust the location of the starting point or ending
point, do one of the following:</span><ul><li><p>Drag the corresponding color stop left
or right to the location you want. </p>
</li>
<li><p>Click the corresponding color stop, and enter a
value for Location in the Stops section of the dialog box. A value
of 0% places the point at the far left end of the gradient bar;
a value of 100%, at the far right end.</p>
</li>
</ul>
</li>
<li class="stepexpand"><span>To adjust the location of the midpoint (where the gradient
displays an even mix of the starting and ending colors), drag the
diamond&#160;<img src="images/diamond.png" /> below
the gradient bar to the left or right, or click the diamond, and
enter a value for Location.</span></li>
<li class="stepexpand"><span>To add intermediate colors to a gradient, click below
the gradient bar to define another color stop. Specify the color
and adjust the location and midpoint for the intermediate point
as you would for a starting or ending point. </span></li>
<li class="stepexpand"><span>To delete the color stop you are editing, click Delete,
or drag the stop downwards until it disappears.</span></li>
<li class="stepexpand"><span>To control how gradual the transitions are between color
bands in the gradient, enter a value in the Smoothness text box,
or drag the Smoothness pop‑up slider.</span></li>
<li class="stepexpand"><span>If desired, set transparency values for the gradient.</span></li>
<li class="stepexpand"><span>Enter a name for the new gradient.</span></li>
<li class="stepexpand"><span>To
save the gradient as a preset, click New after you have finished
creating the gradient.</span> <div class="note"><span class="notetitle">Note:  </span>New presets are saved in a Preferences
file. If this file is deleted or damaged, or if you reset presets
to the default library, the new presets will be lost. To permanently save
new presets, save them in a library.</div>
</li>
</ol>
</div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    
                    
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>